html {
  font-size: 37.5px;
}
html,body{
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.page {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  width: 27.307rem;
  height: 14rem;
  overflow: hidden;
}

.box_1 {
  position: relative;
  width: 27.307rem;
  height: 14rem;
  background: url(/img/MasterDDSSlicePNGd9a3fbadc9cab9701361b59d71761fe2.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text-wrapper_1 {
  width: 27.307rem;
  height: 1.307rem;
  background: url(/img/MasterDDSSlicePNG554a5ed248d256e9a86515cb9831030d.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_1 {
  width: 4.107rem;
  height: 0.96rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.693rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.96rem;
  margin: 0.187rem 0 0 0.4rem;
}

.text_2 {
  width: 4.587rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin: 0.214rem 0.454rem 0 17.76rem;
}

.group_15 {
  width: 27.307rem;
  height: 13.387rem;
  margin-bottom: 0;
  transform: scale(0.9);
  position: relative;
  top:-1rem;
}

.group_16 {
  width: 25.174rem;
  height: 12.24rem;
  margin: 0.187rem 0 0 1.04rem;
}

.group_1 {
  height: 12.24rem;
  background: url(/img/MasterDDSSlicePNG80049fd501739c29c0e09bf4ce18c5e2.png)
    100% no-repeat;
  background-size: 100% 100%;
  width: 15.947rem;
}

.block_5 {
  width: 9.814rem;
  height: 1.654rem;
  margin-left: 3.067rem;
}

.group_3 {
  width: 9.814rem;
  height: 1.654rem;
  background: url(/img/MasterDDSSlicePNG1ed3ac0b1985930541c995a537be102c.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.label_1 {
  width: 0.64rem;
  height: 0.614rem;
  margin: 0.48rem 0 0 0.827rem;
}

.text_3 {
  width: 2.32rem;
  height: 0.827rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.827rem;
  margin: 0.427rem 0 0 0.32rem;
}

.text-wrapper_2 {
  width: 3.387rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
  margin: 0.214rem 1.254rem 0 1.067rem;
}

.text_4 {
  width: 3.387rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.8rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
}

.text_5 {
  width: 3.387rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  line-height: 0.667rem;
}

.text_6 {
  width: 3.387rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.827rem;
}

.text_7 {
  width: 3.387rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.8rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.12rem;
}

.text_8 {
  width: 3.387rem;
  height: 1.12rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  line-height: 0.667rem;
}

.block_6 {
  width: 14.347rem;
  height: 9.627rem;
  margin: 0.614rem 0 0.347rem 2.027rem;
}

.image-wrapper_1 {
  position: relative;
  width: 11.894rem;
  height: 9.627rem;
  background: url(/img/MasterDDSSlicePNGb44f6f6d0a11b9997d038ad1c5517eee.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.image_1 {
  position: absolute;
  left: 3.44rem;
  top: 4.88rem;
  width: 10.907rem;
  height: 3.12rem;
}

.image_2 {
  position: absolute;
  left: 7.36rem;
  top: 3.36rem;
  width: 6.987rem;
  height: 0.507rem;
}

.image_3 {
  width: 5.014rem;
  height: 1.334rem;
  margin-left: -2.56rem;
}

.box_7 {
  width: 8.8rem;
  height: 12.214rem;
}

.group_6 {
  width: 8.8rem;
  height: 3.92rem;
  background: url(/img/MasterDDSSlicePNG5e44b752495038cad4456694e9a107d7.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.text_9 {
  width: 1.174rem;
  height: 0.827rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.827rem;
  margin: 1.52rem 0 0 0.8rem;
}

.box_8 {
  position: relative;
  width: 3.467rem;
  height: 2.534rem;
  margin: 0.64rem 0 0 0.934rem;
}

.text_10 {
  width: 1.147rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.96rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
  margin: 0.587rem 0 0 1.147rem;
}

.text_11 {
  width: 0.454rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin: -0.054rem 0 0 1.494rem;
}

.image_4 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 5rem;
  height: 3.57rem;
}
/* 设置echart区域图渲染大小自适应 */
.image_4>div{
  width: 100% !important;
  height: 100% !important;
}
.box_9 {
  width: 0.934rem;
  height: 2.907rem;
  margin: 0.507rem 0.534rem 0 0.96rem;
}

.label_2 {
  width: 0.934rem;
  height: 0.64rem;
}

.text_12 {
  width: 0.88rem;
  height: 1.04rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.746rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.04rem;
  margin: 0.267rem 0 0 0.054rem;
}

.label_3 {
  width: 0.934rem;
  height: 0.64rem;
  margin-top: 0.32rem;
}

.group_9 {
  width: 8.8rem;
  height: 3.92rem;
  background: url(/img/MasterDDSSlicePNG5e44b752495038cad4456694e9a107d7.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.214rem;
}

.text_13 {
  width: 1.174rem;
  height: 0.827rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.827rem;
  margin: 1.547rem 0 0 0.8rem;
}

.box_10 {
  position: relative;
  width: 3.467rem;
  height: 2.534rem;
  margin: 0.667rem 0 0 0.934rem;
}

.text_14 {
  width: 1.147rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.96rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
  margin: 0.587rem 0 0 1.147rem;
}

.text_15 {
  width: 0.454rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin: -0.054rem 0 0 1.494rem;
}

.image_5 {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.467rem;
  height: 2.48rem;
}

.box_11 {
  width: 0.934rem;
  height: 2.88rem;
  margin: 0.534rem 0.534rem 0 0.96rem;
}

.image-text_5 {
  width: 0.934rem;
  height: 1.947rem;
}

.label_4 {
  width: 0.934rem;
  height: 0.64rem;
}

.text-group_1 {
  width: 0.88rem;
  height: 1.04rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.746rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.04rem;
  margin: 0.267rem 0 0 0.054rem;
}

.label_5 {
  width: 0.934rem;
  height: 0.64rem;
  margin-top: 0.294rem;
}

.group_10 {
  width: 8.8rem;
  height: 3.92rem;
  background: url(/img/MasterDDSSlicePNG5e44b752495038cad4456694e9a107d7.png)
    100% no-repeat;
  background-size: 100% 100%;
  margin-top: 0.24rem;
}

.text_16 {
  width: 1.174rem;
  height: 0.827rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.827rem;
  margin: 1.547rem 0 0 0.8rem;
}

.box_12 {
  position: relative;
  width: 3.467rem;
  height: 2.534rem;
  margin: 0.667rem 0 0 0.934rem;
}

.text_17 {
  width: 1.147rem;
  height: 1.334rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.96rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.334rem;
  margin: 0.587rem 0 0 1.147rem;
}

.text_18 {
  width: 0.454rem;
  height: 0.667rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.48rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.667rem;
  margin: -0.054rem 0 0 1.494rem;
}

.image_6 {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.467rem;
  height: 2.48rem;
}

.box_13 {
  width: 0.934rem;
  height: 2.907rem;
  margin: 0.507rem 0.534rem 0 0.96rem;
}

.image-text_6 {
  width: 0.934rem;
  height: 1.974rem;
}

.label_6 {
  width: 0.934rem;
  height: 0.64rem;
}

.text-group_2 {
  width: 0.88rem;
  height: 1.04rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.746rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 1.04rem;
  margin: 0.294rem 0 0 0.054rem;
}

.label_7 {
  width: 0.934rem;
  height: 0.64rem;
  margin-top: 0.294rem;
}

.image-wrapper_2 {
  position: absolute;
  left: 0;
  bottom: 0rem;
  width: 27.307rem;
  height: 1.334rem;
  background: url(/img/MasterDDSSlicePNG32296e93ad668351608989e525f7f055.png)
    100% no-repeat;
  background-size: 100% 100%;
}

.label_8 {
  width: 0.667rem;
  height: 0.667rem;
  margin: 0.32rem 0 0 0.72rem;
}

.label_9 {
  width: 0.987rem;
  height: 0.72rem;
  margin: 0.32rem 0 0 21.894rem;
}

.label_10 {
  width: 1.014rem;
  height: 0.774rem;
  margin: 0.294rem 1.094rem 0 0.934rem;
}

.image_9 {
  position: absolute;
  left: 10.08rem;
  top: -0.16rem;
  width: 7.147rem;
  height: 1.494rem;
}
.mask{
  background: #000;
  position: absolute;
  top:0;
  left: 0;
}
.to_index_image-wrapper_1 {
  height: 1.174rem;
  background: url(/img/MasterDDSSlicePNGb96f96bcd38786cb31091a0823d672b7.png)
  100% no-repeat;
  background-size: 100% 100%;
  width: 2.774rem;
  /* margin: 11rem 0 0 12.267rem; */
  position: absolute;
  top:11rem;
  left:12.267rem ;
}
.to_index {
  width: 0.907rem;
  height: 0.374rem;
  margin: 0.4rem 0 0 0.934rem;
}
.time-setting{
  background: rgba(0,0,0,0.5);
  position: absolute;
}
.time-box{
  width: 9.867rem;
  height: 10.774rem;
  background: rgb(234,234,234);
  border-radius: 0.5rem;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.text_19{
  width: 2.747rem;
  height: 0.96rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.693rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.96rem;
  margin: 0.507rem 0 0 3.52rem;
}
.text-wrapper_3{
  height: 1.174rem;
  background: url(/img/img.png) 100% no-repeat;
  background-size: 100% 100%;
  width: 2.774rem;
  margin: 0.854rem 0 0.507rem 3.574rem
}
.text_24{
  width: 1.174rem;
  height: 0.827rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 1);
  font-size: 0.586rem;
  font-family: Helvetica, "Microsoft YaHei", Arial, sans-serif;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 0.827rem;
  margin: 0.214rem 0 0 0.827rem;
}
.swiper-container{
  position: relative;
  margin: 0 auto;
  width:8rem;
  height:8rem;
}
.swiper-wrapper{}
.swiper-slide{
  height:2rem;
  width: 100%;
  font-size: 0.8rem;
  line-height: 2rem;
  text-align: center;
}
.video_box{
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  z-index:0;
}
/* .box_7 canvas{
  width: 100%;
  height: 100%;
} */